import { createUseStyles } from "react-jss";

const useStyles = createUseStyles({
  welcome: {
    color: "white",
    padding: 50,
    fontSize: 50,
    textAlign: "center",
    backgroundImage: "radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%)",
    animation: "$fadeIn 1s"
  },
  "@keyframes fadeIn": {
    "0%": {
      opacity: 0
    },
    "100%": {
      opacity: 1
    }
  }
});

export default useStyles;
